<%--
  Created by IntelliJ IDEA.
  User: Somnus远哥
  Date: 2021/9/25
  Time: 9:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page pageEncoding="UTF-8" contentType="text/html;charset=UTF-8" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>电商平台用户登录</title>

    <!--js-->
    <script src="js/jquery-1.8.2.min.js"></script>
    <script src="js/common.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/ddsmoothmenu.js"></script>
    <script src="js/jquery.flexslider.js"></script>
    <script src="js/jquery.elastislide.js"></script>
    <script src="js/jquery.jcarousel.min.js"></script>
    <script src="js/jquery.accordion.js"></script>
    <script src="js/light_box.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $(".inline").colorbox({
                inline : true,
                width : "50%"
            });
        });
    </script>
    <!--end js-->

    <!-- Mobile Specific Metas ================================================== -->
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- CSS -->

    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/orange.css">
    <link rel="stylesheet" href="css/skeleton.css">
    <link rel="stylesheet" href="css/layout.css">
    <link rel="stylesheet" href="css/ddsmoothmenu.css" />
    <link rel="stylesheet" href="css/elastislide.css" />
    <link rel="stylesheet" href="css/home_flexslider.css" />

    <link rel="stylesheet" href="css/light_box.css" />
    <script src="js/html5.js"></script>
    <style>
        .error{
            color: darkred;
        }
    </style>

</head>
<body>
<div class="mainContainer sixteen container">
    <!--Header Block-->
    <%@include file="header.jsp"%>
    <!--Content Block-->
    <section class="content-wrapper">
        <div class="content-container container">
            <div class="main">
                <h1 class="page-title">登录|注册</h1>
                <div class="account-login">
                    <div class="col-1 new-users">
                        <div class="content">
                            <h2>新用户</h2>
                            <p>By creating an account with our store, you will be able
                                to move through the checkout process faster, store multiple
                                shipping addresses, view and track your orders in your account
                                and more.</p>
                        </div>
                        <div class="buttons-set">
                            <a class="orange-btn" title="注册新用户"
                               href="user_register.jsp"><span><span>新建用户</span></span></a>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="col-2 registered-users">
                        <form action="login" method="post">
                        <div class="content">
                            <h2>登录</h2>
                            <p>如果您是我们的会员，请登录</p>
                            <ul class="form-list">
                                <li><label class="required">用户名<em>*</em>
                                </label>
                                    <div class="input-box">
                                        <input type="text" title="用户名"
                                               class="input-text required-entry validate-email" name="username" />
                                    </div>
                                    <div class="clear"></div></li>
                                <li><label class="required">密码<em>*</em></label>
                                    <div class="input-box">
                                        <input type="password" title="密码"
                                               class="input-text required-entry validate-password" name="password" />
                                        <span class="error">${error_msg}</span>
                                    </div>
                                    <div class="clear"></div></li>
                            </ul>
                            <p class="required">* 必填项</p>
                        </div>
                        <div class="buttons-set">
                            <a class="f-left" href="#">忘记密码?</a>
                            <input type="submit" class="orange-btn" value="登录">
                            <div class="clear"></div>
                        </div>
                        </form>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="clearfix"></div>
            <div class="news-letter-container">
                <div class="free-shipping-block">
                    <h1>ENJOY FREE SHIPPING</h1>
                    <p>on all orders as our holiday gift for you!</p>
                </div>
                <div class="news-letter-block">
                    <h2>SIGN UP FOR OUR NEWSLETTER</h2>
                    <input type="text" value="Enter email address" title="" /> <input
                        type="submit" value="Submit" title="Submit" />
                </div>
            </div>
        </div>
    </section>
</div>
<!--页脚开始-->
<%@include file="footer.jsp"%>
<!--页脚结束-->
</body>
</html>
